@font-face {
  font-family: 'sy-b';
  src: url('../fonts/sy-bold.otf') format('opentype');
}

@font-face {
  font-family: 'sy-h';
  src: url('../fonts/sy-heavy.OTF') format('opentype');
}

.shs-b {
  font-family: sy-b;
}
.zyn_soneleft{
	min-height:3rem;
	
}
.edui-editor-body .edui-body-container{
    margin: 0;
    padding: 0!important;
    width: 100%;
}
.zyn_storytwo{
	
	clear: both;
    padding-top: 1rem;
}
#a_name{
  font-size: 1.25rem!important;
    margin-right: 0.5208rem;
    top: 0;
    position: relative;
}
.cas_like_icon-prise_add{
  position: relative;
  left: 0;
  padding-left: 1.2rem;
  top: -1.8rem;
}
.ny-cont {
  width: 100%;
  display: block;
  padding: 2.6042rem 0 3.125rem;
  position: relative;
  /* z-index: 15; */
}
@media(max-width: 991px){
  #float_ad{
    display: none!important;
  }
}

.ny-cont .ny-row {
  margin-left: -1.0417rem;
  margin-right: -1.0417rem;
}

.col-l,
.col-r {
  position: relative;
  min-height: 1px;
  padding-right: 1.0417rem;
  padding-left: 1.0417rem;
}

.ny-cont .col-l {
  width: 17.7084rem;
  float: left;
}

.ny-cont .col-r {
  overflow: hidden;
}

/*-----Left NAV----*/
.ny-menu {
  margin-bottom: 1.0417rem;
  background: url(../images/hh-lnavbg1.png) no-repeat left bottom #F6FAFF;
  position: relative;
}
@media(max-width:991px){
  .ny-menu {
    margin-bottom:20px;
  }
  .ny-menu .menu-cont{
    display:none;
  }
  .ny-menu h2{
    padding: 2rem;
    color: #0064b9;
    background: #f6faff;
    padding: 20px;
    font-size: 18px;
  }
  .ny-menu h2:after{
    content: '\f107';
    font-family: 'FontAwesome';
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 7px 0 5px;
    color: #677588;
    position:absolute;
    right:10px;
  }
  .ny-menu .menu-cont .box-a.active .a-title,.ny-menu .menu-cont .a-title{
    font-size: 16px!important;
    padding:15px!important;
  }
  .ny-menu .menu-cont .box-a.active .a-title{
    padding-left:40px!important;
  }
  .ny-menu .menu-cont .box-a.active .a-title:before{
    width:40px!important;
    height:40px!important;
    top: 20px!important;
    left: 20px!important;
  }
}
.ny-menu .menu-title {
  background: url(../images/hh-lnavbg.jpg) no-repeat left top;
  font-size: 1.4583rem;
  padding: 1.0938rem 1.0417rem;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 1.5;
  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35);
  text-transform: uppercase;
  border-radius: .2083rem .2083rem 0 0;
}

.ny-menu .menu-cont {
  padding: 0 1.0417rem;
}

.ny-menu .menu-cont .box-a {
  border-bottom: 1px dotted #cedced;
}

.ny-menu .menu-cont .box-a:last-child {
  border: 0;
}

.ny-menu .menu-cont .box-a.active .a-title,
.ny-menu .menu-cont .box-a:hover .a-title {
  color: #0064B9;
}

.ny-menu .menu-cont .box-a.active .a-title {
  font-weight: 700;
}

.ny-menu .menu-cont .box-a.active .a-title::after,
.ny-menu .menu-cont .box-a:hover .a-title::after {
  color: #0064B9;
  opacity: 1;
  font-weight: 400;
}

.ny-menu .menu-cont .a-title {
  display: block;
  font-size: 1.0417rem;
  font-weight: 700;
  color: #555555;
  padding: 1.0417rem 0 1.0417rem 1.6667rem;
  position: relative;
}

.ny-menu .menu-cont .a-title:after {
  content: "";
  position: absolute;
  left: 0;
  top: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  background-repeat: no-repeat;
  background-size: cover;
}

.ny-menu .menu-cont li:nth-child(1) .a-title:after {
  background-image: url(../images/hh-icon2.png);
}

.ny-menu .menu-cont li:nth-child(2) .a-title:after {
  background-image: url(../images/hh-icon3.png);
}

.ny-menu .menu-cont li:nth-child(3) .a-title:after {
  background-image: url(../images/hh-icon4.png);
}

.ny-menu .menu-cont li:nth-child(4) .a-title:after {
  background-image: url(../images/hh-icon5.png);
}

.ny-menu[data-v-xyx] .menu-cont li:nth-child(1) .a-title:after {
  background-image: url(../images/hhny-icon8.png);
}

.ny-menu[data-v-xyx] .menu-cont li:nth-child(2) .a-title:after {
  background-image: url(../images/hhny-icon9.png);
}

.ny-menu .menu-cont .down-menu {
  border-top: 1px dotted #cedced;
  padding: 10px 0;
  display: none;
}

.ny-menu .menu-cont .down-menu li {
  padding: .3rem 0 .3rem 1.5625rem;
}

.ny-menu .menu-cont .down-menu a {
  display: block;
  color: #545A69;
  line-height: 1.9;
  padding-left: 0;
  position: relative;
  font-size: .8333rem;
}
.ny-menu .menu-cont .down-menu a img{
  width:1.3rem;
  margin-right:.5rem;
}
.ny-menu .menu-cont .down-menu a::before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  background: #BBC7DB;
  left: 0;
  top: .7292rem;
  display: none;
}

.ny-menu .menu-cont .down-menu a:hover,
.ny-menu .menu-cont .down-menu a.active {
  color: #2E5ECC;
}

.ny-menu .menu-cont .down-menu a:hover::before,
.ny-menu .menu-cont .down-menu a.active::before {
  background: #2E5ECC;
}

.ny-menu .menu-cont .sub-menu.active .down-menu {
  display: block;
}

.ny-menu .menu-article {
  padding: 1.5625rem 0 1.0417rem .5208rem;
}

.ny-menu .menu-article .box-a.active .a-title,
.ny-menu .menu-article .box-a:hover .a-title {
  background: #E0EEFF;
  color: #2E5ECC;
  border-radius: 4px 0px 0px 4px;
}

.ny-menu .menu-article .box-a.active .a-title::before,
.ny-menu .menu-article .box-a:hover .a-title::before {
  opacity: 1;
}

.ny-menu .menu-article .box-a.active .a-title::after,
.ny-menu .menu-article .box-a:hover .a-title::after {
  color: #07559C;
}

.ny-menu .menu-article .a-title {
  display: block;
  font-size: calc(15px + 0.2vw);
  font-weight: 400;
  color: #333333;
  padding: 14px 20px 14px 33px;
  position: relative;
  line-height: 1.3;
}

.ny-menu .menu-article .a-title::after {
  position: absolute;
  content: '';
  width: 5px;
  height: 1px;
  background: #444444;
  left: 20px;
  top: 50%;
}

.ny-menu .menu-article .box-a.active .a-title::after,
.ny-menu .menu-article .box-a:hover .a-title::after {
  background: #2E5ECC;
}

.column {
  border-bottom: #D9E6F8 solid 1px;
}

.column_l {
  width: auto;
  font-size: 1.4583rem;
  font-weight: 700;
  color: #0064B9;
  float: left;
  display: inline-block;
  padding: 0 0 1.1458rem 1.0417rem;
  line-height: 1.3;
  position: relative;
}

.column_l:after {
  position: absolute;
  content: '';
  width: 5px;
  height: 1.3542rem;
  background-color: #2E5ECC;
  left: 0;
  top: .3646rem;
  border-radius: 5px;
}

.column_r {
  float: right;
}

/* Breadcrumb
---------------------------------- */
.bread-item {
  background: transparent;
  margin-bottom: 0;
  font-size: .8333rem;
  border-radius: 0px;
  padding: .398rem 0 1.1458rem;
  position: relative;
}

.bread-item>li {
  color: #444444;
}
.bread-item>li>span:last-child{
  display:none;
}
.bread-item>li>a {
  color: #444444;
}

.bread-item>li>a:hover {
  color: #0064B9;
}

.bread-item>li>a:last-child {
  /*color: #0064B9;*/
}

.bread-item>li>span:before {
  content: '\f105';
  font-family: 'FontAwesome';
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  padding: 0 7px 0 5px;
  color: #677588;
}

.bread-item[data-v-xl] {
  padding: 2px 0 18px 0;
}

/* Text-list
---------------------------------- */
.zhhh-list {
  margin-top: 2.6042rem;
}

.zhhh-list li {
  border-bottom: #DAE7F8 dashed 1px;
  margin-bottom: 1.5625rem;
  padding-bottom: 1.5625rem;
  position: relative;
  padding-left: 4.7619rem;
}

.zhhh-list li:last-child {
  margin-bottom: 0;
}

.zhhh-list li:after {
  position: absolute;
  content: '';
  width: 3.125rem;
  height: 3.125rem;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  background-size: 50%;
  left: 0;
  top: 0;
}

.zhhh-list .txt-cont h3 {
  font-size: 1.2417rem;
  color: #333333;
  font-weight: 700;
  margin-bottom: 1.1458rem;
  line-height: 1.4;
}
.zhhh-list .txt-cont h3:nth-child(2){
  font-weight:400!important;
}

.zhhh-list .txt-cont h4 {
  font-size: .9375rem;
  color: #444444;
  line-height: 1.6;
  margin-bottom: 1.0417rem;
}

.zhhh-list .other .date {
  float: left;
  font-size: .8333rem;
  line-height: 1.1;
  color: #7C8794;
}

.zhhh-list .other .cl {
  float: right;
  line-height: 1;
  cursor: default;
}

.zhhh-list .other .cl i {
  font-style: normal;
  font-size: .8333rem;
  color: #e89910;
  position: relative;
  margin-left: 1.5625rem;
  display: inline-block;
  padding-left: 30px;
  vertical-align: bottom;
  height: .9375rem;
}

.zhhh-list .other .cl i::after {
  position: absolute;
  content: '';
  width: 19px;
  height: 18px;
  background-position: center;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
}

.zhhh-list .other .cl i:nth-child(1)::after {
  background-image: url(../images/hhny-icon1.png);
}

.zhhh-list .other .cl i:nth-child(2)::after {
  background-image: url(../images/hhny-icon2.png);
}

.zhhh-list a:hover .txt-cont h3 span {
  color: #0659A0;
}

.zhhh-list li.icon1:after {
  background-image: url(../images/hhny-icon4.png);
  background-color: #DC6640;
}

.zhhh-list li.icon2:after {
  background-image: url(../images/hhny-icon5.png);
  background-color: #1BAE5D;
}

.zhhh-list li.icon3:after {
  background-image: url(../images/hhny-icon6.png);
  background-color: #0083F2;
}

.zhhh-list li.icon4:after {
  background-image: url(../images/hhny-icon7.png);
  background-color: #8250DE;
}

.rltext-list {
  margin-top: 2.6042rem;
}

.rltext-list .box-s {
  position: relative;
  background: url(../images/hhny-bg01.png) no-repeat center right #F0F6FE;
  padding: 1.7708rem 1.5625rem;
  margin-bottom: 1.5625rem;
  z-index: 0;
  overflow: hidden;
  display: block;
}

.rltext-list li:last-child .box-s {
  margin-bottom: 0;
}

.rltext-list .box-s:before {
  position: absolute;
  top: 0;
  left: -100%;
  content: "";
  height: 100%;
  width: 100%;
  z-index: 1;
  background: #0064B9;
}

.rltext-list .box-s:hover:before {
  left: 0;
}

.rltext-list .box-s .date {
  font-size: 2.3438rem;
  line-height: 1.1;
  width: 4.6875rem;
  text-align: center;
  z-index: 3;
  color: #0064B9;
  font-weight: 700;
  float: left;
  margin-right: 1.5625rem;
  position: relative;
}

.rltext-list .box-s .date span {
  display: block;
  font-size: .8333rem;
  padding: .225rem;
  background-color: #82AFE7;
  color: #ffffff;
  margin-top: .625rem;
  border-radius: 3px;
  width: 100%;
}

.rltext-list .box-s .txt {
  overflow: hidden;
}

.rltext-list .box-s .txt h3 {
  font-size: 1.0417rem;
  color: #333;
  line-height: 1.3;
  position: relative;
  z-index: 3;
  overflow: hidden;
  font-weight: 700;
  margin-bottom: .6771rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rltext-list .box-s .txt h4 {
  font-size: .9375rem;
  color: #333;
  line-height: 1.6;
  position: relative;
  z-index: 3;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  height: 2.9688rem;
  text-indent: 2em;
}

.rltext-list .box-s:hover .txt h3,
.rltext-list .box-s:hover .txt h4 {
  color: #ffffff;
}

.rltext-list .box-s:hover .date {
  color: #ffffff;
}

.rltext-list .box-s:hover .date span {
  background-color: #ffffff;
  color: #337CD6;
}

.advice-list {
  margin-top: 2.6042rem;
}

.advice-list .box-s {
  position: relative;
  background: #ffffff;
  z-index: 0;
  overflow: hidden;
  display: block;
  border-bottom: #DAE7F8 dashed 1px;
  margin-bottom: 1.5625rem;
  padding-bottom: 1.5625rem;
}

.advice-list li:last-child .box-s {
  margin-bottom: 0;
}

.advice-list .box-s .img-box {
  float: left;
  width: 4.6875rem;
  z-index: 3;
  margin-right: 1.5625rem;
  position: relative;
  width: 5.2083rem;
  height: 7.3958rem;
  overflow: hidden;
}

.advice-list .box-s .img-box img {
  width: 100%;
  height: 100%;
}

.advice-list .box-s .txt {
  overflow: hidden;
}

.advice-list .box-s .txt h3 {
  font-size: 1.2417rem;
  color: #333;
  line-height: 1.3;
  position: relative;
  z-index: 3;
  overflow: hidden;
  font-weight: 700;
  margin-bottom: .6771rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 1.0938rem;
}

.advice-list .box-s .txt h3::after {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  background: #337CD6;
  left: 0;
  top: 33%;
}

.advice-list .box-s .txt h4 {
  font-size: calc(.9375rem + 0.2vw)!important;
  color: #676767;
  line-height: 1.6;
  position: relative;
  z-index: 3;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  height: 3.5rem;
  text-align: justify;
}

.advice-list .box-s .date {
  font-size: .8333rem;
  line-height: 1;
  color: #0064B9;
  position: relative;
  z-index: 3;
  margin-top: .8333rem;
}

.advice-list .box-s:hover .txt h3 {
  color: #0064B9;
}

/* Image Text-list
---------------------------------- */
.book-list {
  margin-top: 1.5625rem;
}

.book-list .box-s {
  position: relative;
  background: #ffffff;
  padding: 1.5625rem 0;
  z-index: 0;
  overflow: hidden;
  display: block;
  border-bottom: #DAE7F8 dashed 1px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.book-list .box-s:hover {
  padding: 1.5625rem 1.3542rem;
  border-bottom: #ffffff dashed 1px;
}

.book-list li:last-child .box-s {
  margin-bottom: 0;
}

.book-list .box-s:before {
  position: absolute;
  top: 0;
  right: -100%;
  content: "";

  height: 100%;
  width: 100%;
  z-index: 1;
  background: url(../images/hhny-bg02.png) no-repeat center right #E0EEFF;
}

.book-list .box-s:hover:before {
  right: 0;
}

.book-list .box-s .img-box {
  float: left;
  width: 4.6875rem;
  z-index: 3;
  margin-right: 1.5625rem;
  position: relative;
  width: 5.2083rem;
  height: 7.3958rem;
  overflow: hidden;
}

.book-list .box-s .img-box img {
  width: 100%;
  height: 100%;
}

.book-list .box-s .txt {
  overflow: hidden;
}

.book-list .box-s .txt h3 {
  font-size: 1.2417rem;
  color: #333;
  line-height: 1.3;
  position: relative;
  z-index: 3;
  overflow: hidden;
  font-weight: 700;
  margin-bottom: .6771rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.book-list .box-s .txt h4 {
  font-size: calc(.9375rem + 0.2vw)!important;
  color: #333;
  line-height: 1.6;
  position: relative;
  z-index: 3;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  height: 3.5rem;
  text-align: justify;
}

.book-list .box-s .date {
  font-size: .8333rem;
  line-height: 1;
  color: #0064B9;
  position: relative;
  z-index: 3;
  margin-top: .8333rem;
}

.book-list .box-s:hover .txt h3 {
  color: #0064b9;
}

/* Faq list
---------------------------------- */
.faq-list {
  margin-top: 2.0833rem;
}

.faq-list .labelbtn {
  padding: 10px 24px;
  font-size: calc(19px + 0.2vw);
  color: #ffffff;
  background: #0064B9;
  position: relative;
  float: left;
  line-height: 1.1;
  font-weight: 700;
}

.faq-list .labelbtn::after {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  right: -7px;
  width: 3px;
  background: #0064B9;
}

.faq-list ul {
  float: left;
  margin: 1.3021rem 0;
}

.faq-list .box-s {
  position: relative;
  background: #F1F7FF;
  padding: 1.5625rem;
  z-index: 0;
  overflow: hidden;
  display: block;
  margin-bottom: 1.0417rem;
}

.faq-list li:last-child .box-s {
  margin-bottom: 0;
}

.faq-list .box-s h3 {
  font-size: 1.0417rem;
  color: #333;
  line-height: 1.3;
  position: relative;
  z-index: 3;
  margin-bottom: .8333rem;
  padding-left: 1.6667rem;
}

.faq-list .box-s h3::after {
  position: absolute;
  content: '';
  width: 1.0938rem;
  height: .9896rem;
  top: 20%;
  left: 0;
  background: url(../images/hhny-icon11.png) no-repeat center;
  background-size: 100%;
}

.faq-list .box-s h4 {
  font-size: .9375rem;
  color: #555;
  line-height: 1.8;
  position: relative;
  z-index: 3;
  text-align: justify;
  padding-left: 1.6667rem;
}

.faq-list .box-s h4::after {
  position: absolute;
  content: '';
  width: 1.0938rem;
  height: .9896rem;
  top: .4688rem;
  left: 0;
  background: url(../images/hhny-icon12.png) no-repeat center;
  background-size: 100%;
}

/* Pages
---------------------------------- */
.comp-pages {
  padding-top: 2.0833rem;
}

.comp-pages.comp-page-01 .page-pc a {
  background: #EDEDED;
}

.comp-pages.comp-page-01 .page-pc a,
.comp-pages.comp-page-01 .page-pc span {
  border: none !important;
}

.comp-pages.comp-page-02 .page-pc a,
.comp-pages.comp-page-02 .page-pc span {
  border-radius: 20px;
}

.comp-pages.comp-page-03 .page-pc a,
.comp-pages.comp-page-03 .page-pc span {
  border: none !important;
  border-radius: 20px;
}

.comp-pages .page-pc {
  text-align: center;
}

.comp-pages .page-pc ul li {
  display: inline-block;
  vertical-align: bottom;
}

.comp-pages .page-pc a,
.comp-pages .page-pc span {
  display: inline-block;
  height: 2.0833rem;
  min-width: 2.0833rem;
  line-height: 2.0833rem;
  border-radius: .2083rem;
  background: #fff;
  text-align: center;
  color: #333333;
  padding-left: .7813rem;
  padding-right: .7813rem;
  border: 1px solid #EBEBEB;
  margin-left: .1042rem;
  margin-right: .1042rem;
  font-size: .9292rem;
}

.comp-pages .page-pc a:hover,
.comp-pages .page-pc span:hover,
.comp-pages .page-pc a.active,
.comp-pages .page-pc span.active {
  background: #0064B9;
  border: 1px solid #0064B9;
  color: #fff;
}

.comp-pages .page-pc span {
  background: #0064B9;
  border: 1px solid #0064B9;
  color: #fff;
}

.comp-pages .page-phone {
  height: 46px;
  line-height: 46px;
  border-radius: 8px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  background: #0064B9;
  border: 1px solid #0064B9;
  display: none !important;
}

.comp-pages .page-phone:hover,
.comp-pages .page-phone:active {
  color: #fff;
}

.comp-pages .page-pc em {
  font-style: normal;
  font-size: 15px;
  color: #666666;
  margin-right: 15px;
  display: inline-block;
}

.comp-pages[data-v-pl] .page-pc em {
  line-height: 30px;
  float: left;
}

.comp-pages[data-v-pl] .page-pc {
  text-align: left;
}

.comp-pages[data-v-pl] .page-pc a,
.comp-pages[data-v-pl] .page-pc span {
  height: 30px;
  line-height: 30px;
  min-width: 30px;
  padding: 0 10px;
}

/* Scientist Story
---------------------------------- */
.scientist {
  margin-top: 2.6042rem;
}

.scientist .name-box {
  background: url(../images/hhny-bg03.jpg) no-repeat left center #fcfcff;
  padding: 1.6667rem 2.0833rem;
  margin-bottom: 2.0833rem;
}

.scientist .name-list {
  margin-bottom: 1.0417rem;
  overflow: hidden;
}

.scientist .name-list:last-child {
  margin-bottom: 0;
}

.scientist .name-list span {
  float: left;
  font-size: calc(18px + 0.2vw);
  font-weight: 700;
  line-height: 2.1;
  margin-right: 10px;
}

.scientist .name-list .name {
  overflow: hidden;
}

.scientist .name-list .name a {
  margin-right: 1.0938rem;
  font-size: calc(15px + 0.2vw);
  line-height: 2.4;
  color: #333333;
}

.scientist .name-list .name a:hover {
  color: #0064B9;
}

.scientist .details {
  background: url(../images/hhny-bg04.jpg) repeat-x top center #ffffff;
  padding: 0 2.0833rem;
}

.scientist .details .jbinfo {
  padding: 3.125rem 1.0417rem 0;
}

.scientist .details .jbinfo .img-box {
  float: left;
  width: 9.7917rem;
  height: 13.0729rem;
  margin-right: 2.0833rem;
  position: relative;
}

.scientist .details .jbinfo .img-box::before {
  position: absolute;
  content: '';
  width: 9.7917rem;
  height: 13.0729rem;
  background: #CEE0F9;
  border-radius: 2px;
  right: -10px;
  bottom: -10px;
}

.scientist .details .jbinfo .img-box img {
  width: 100%;
  height: 100%;
  position: relative;
}

.scientist .details .jbinfo .txt-box {
  font-size: calc(15px + 0.2vw);
  line-height: 1.8;
  overflow: hidden;
}

.scientist .details .jbinfo .txt-box h4 {
  background: #DBEBFC;
  padding: 12px 20px;
  font-size: calc(15px + 0.2vw);
  margin-bottom: 1.4583rem;
}

.scientist .details .jbinfo .txt-box h4 strong {
  font-size: calc(18px + 0.2vw);
}

.scientist .details .jbinfo .txt-box h4 span {
  margin-left: 2.0833rem;
}

.scientist .details .jbinfo .txt-box p {
  margin-bottom: .5208rem;
}

.scientist .details .jbinfo .txt-box p:last-child {
  margin-bottom: 0;
}
.zyn_storyone{
  display: inline-block;
  width: calc(100% - 15rem);
}
.scientist .details .biography {
  border-bottom: #CBDDF5 dashed 1px;
  padding-bottom: 2.0833rem;
  margin-bottom: 2.0833rem;
  margin-top: 2.6042rem;
  /* float: right; */
  
  padding-top: 0;
  margin-top: 1.2rem;
}
@media(max-width:1680px){
  .zyn_storyone{
    width: calc(100% - 21rem);
  }
}
@media(max-width:1024px){
  .zyn_storyone{
    width: 100%;
  }
}
.scientist .details .biography p strong {
  font-size: calc(20px + 0.2vw);
}

.scientist .details .biography p:first-child {
  margin-bottom: 1.3542rem;
}

.scientist .details h3 {
  font-size: calc(20px + 0.2vw);
  font-weight: 700;
  line-height: 1.1;
  position: relative;
  padding-left: 27px;
  color: #0064B9;
  margin-bottom: .7813rem;
  margin-top: 2.0833rem;
}

.scientist .details h3::after {
  position: absolute;
  content: '';
  width: 12px;
  height: 12px;
  background: #0064B9;
  left: 0;
  top: 8px;
}

.scientist .details .picbox {
  overflow: hidden;
  margin-top: 1.5625rem;
}

.scientist .details .picbox .row {
  margin-left: -1.0417rem;
  margin-right: -1.0417rem;
}

.scientist .details .picbox .row>[class^='col'] {
  padding-left: 1.0417rem;
  padding-right: 1.0417rem;
}

.scientist .details .picbox .img-box {
  overflow: hidden;
}

.scientist .details .picbox .img-box img {
  height: 250px;
  object-fit: cover;
}

.scientist .details .date {
  font-size: calc(16px + 0.2vw);
  color: #0064B9;
  margin-top: 1.3542rem;
}

.scientist .details .date strong {
  font-size: calc(20px + 0.2vw);
  position: relative;
  padding-left: 27px;
}

.scientist .details .date strong::after {
  position: absolute;
  content: '';
  width: 12px;
  height: 12px;
  background: #0064B9;
  left: 0;
  top: 10px;
}

/* Selection Results
---------------------------------- */
.selection {
  margin-top: 2.6042rem;
}

.selection h3 {
  padding: 1.6667rem 1.0417rem;
  color: #333333;
  font-size: calc(24px + 0.2vw);
  text-align: center;
  line-height: 1.3;
  font-weight: 700;
  background: #D4E6FB;
  background: -webkit-linear-gradient(310deg, #E0E0FF 0%, #CAEDFC 90%);
  background: -o-linear-gradient(310deg, #E0E0FF 0%, #CAEDFC 90%);
  background: -moz-linear-gradient(310deg, #E0E0FF 0%, #CAEDFC 90%);
  background: linear-gradient(150deg, #E0E0FF 0%, #CAEDFC 90%);
}

.selection h4 {
  font-size: calc(22px + 0.2vw);
  line-height: 1.1;
  padding: 2.3958rem 1.5625rem 1.5625rem;
  text-align: center;
  font-weight: 700;
}

.selection table {
  width: 100%;
}

.selection table>thead>tr>th {
  color: #ffffff;
  font-size: calc(17px + 0.2vw);
  padding: 14px 10px;
  vertical-align: middle;
  text-align: center;
  border-right: #fff solid 1px;
}

.selection table>thead>tr>th:last-child {
  border-right: 0;
}

.selection table tr td {
  padding: 18px 16px;
  color: #333333;
  font-size: calc(15px + 0.2vw);
  line-height: 1.3;
  border-right: #fff solid 1px;
}

.selection table tr td:nth-child(1) {
  font-size: calc(12px + 0.2vw);
  color: #00478B;
}

.selection table tr td:nth-child(2) {
  padding-left: 9%;
}

.selection table tr td:last-child {
  border-right: 0;
}

.selection table thead tr td {
  background-color: #e2f1ff;
  line-height: 24px;
  color: #333;
  font-weight: 700;
  font-size: 17px;
  text-align: center;
}
.table1title{
  color: #6981D5;
}
.selection table.table1 {
  border: solid 1px #6981D5;
}

.selection table.table1>thead>tr>th {
  background-color: #6981D5;
}

.selection table.table1 tbody tr:nth-child(even) {
  background-color: #E9EEFF;
}
.table2title{
  color: #63B4E2;
}
.selection table.table2 {
  border: solid 1px #63B4E2;
}

.selection table.table2>thead>tr>th {
  background-color: #63B4E2;
}

.selection table.table2 tbody tr:nth-child(even) {
  background-color: #DAF2FA;
}
.table3title{
  color: #F7AB6E;
}
.selection table.table3 {
  border: solid 1px #F7AB6E;
}

.selection table.table3>thead>tr>th {
  background-color: #F7AB6E;
}

.selection table.table3 tbody tr:nth-child(even) {
  background-color: #FEECDE;
}

.tw1 {
  width: 76px;
}

.tw2 {
  width: 26%;
}

.tw3 {
  width: 20%;
}
.selection[data-v-tg] {border: solid 1px #084ea5;}
.selection[data-v-tg] table.table1>thead>tr>th {background-color: #084ea5;}
.selection[data-v-tg] table.table1 {border: 0;}
.selection[data-v-tg] table tr td:nth-child(2) {padding-left: 16px;}
.selection[data-v-tg] table.table1 tbody tr:nth-child(even) {background-color: #f1f6fc;}
.tg1 {width: 15%;}
.tg2 {width: 20%;}
/* Detailed Page
---------------------------------- */
.nrhei {
  font-size: calc(.8333rem + 0.2vw);
  line-height: 1.8;
  color: #333;
  word-wrap: break-word;
}

.nrhei-dp {
  font-size: calc(.8333rem + 0.2vw);
  line-height: 1.8;
  color: #333;
  word-wrap: break-word;
}

.nrhei-dp strong {
  color: #0064b9;
}

.nrhei-dpxl {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  word-wrap: break-word;
}

.xlmain {
  display: block;
  margin: 0px;
}

.xlmain hr {
  margin-top: 1.3021rem;
  border-top: .0521rem solid #eee;
}

.xlmain .wztitle {
  color: #333;
  line-height: 1.3;
  text-align: center;
  font-size: calc(1.3rem + 0.2vw);
  font-weight: 700;
  margin: 2.6042rem 0 1.5625rem;
}

.xlmain .basicinfo {
  border-bottom: 0;
  padding-bottom: 1.0417rem;
}
.xlmain .basicinfo .col-md-8{
  text-align:center;
}
.xlmain .basicinfo .col-md-4{
  text-align:right;
}
.xlmain .basicinfo .col-md-8,.xlmain .basicinfo .col-md-4{
  width:100%;
}
.xlmain .basicinfo .qtinfo {
  color: #888888;
  font-size: calc(.7292rem + 0.4vw);
  margin: 0;
  line-height: 1.7625rem;
  padding-left: 5%;
  text-align: center;
}

.xlmain .basicinfo .qtinfo a {
  color: #999;
  text-decoration: none;
}

.xlmain .basicinfo .qtinfo a:hover {
  color: #de0c0c;
  text-decoration: none;
}

.xlmain .basicinfo .qtinfo span {
  display: inline-block;
  margin-right: 1.0417rem;
}

.xlmain .basicinfo .qtinfo span:last-child {
  margin-right: 0;
}

.xlmain .basicinfo .cl {
  float: right;
  line-height: 1.7625rem;
}
.xlmain .basicinfo .cl *{
  font-size: calc(.7292rem + 0.2vw)!important;
}
.xlmain .basicinfo .cl>i,#like,.cas_like_number {
  font-style: normal;
  font-size: calc(.7292rem + 0.2vw);
  color: #e89910!important;
  position: relative;
  margin-right: 1.5625rem;
  display: inline-block;
  padding-left: 1.5625rem;
}
.cas_like_number{
  padding-left:0;
}

.xlmain .basicinfo .cl>i::after,#like .cas_like_icon-prise_add:after {
  position: absolute;
  content: '';
  width: .9896rem;
  height: .9375rem;
  background-position: center;
  background-repeat: no-repeat;
  left: 0;
  top: .4846rem;
  background-size: cover;
}
.cas_like_icon-prise_add:before{
  display:none;
}
#like:after{
  display:none!important;
}
.xlmain .basicinfo .cl>i:nth-child(1)::after {
  background-image: url(../images/hhny-icon1.png);
}

#like .cas_like_icon-prise_add:after {
  background-image: url(../images/hhny-icon2.png);
  top: 1rem;
}
#subsuggestion .form-horizontal .control-label{
  margin-top: 0!important;
}
#subsuggestion .subbox .form-control{
  /*font-size: .8333rem;*/
}
.cas_like_icon-prise_add{
  position: relative;
  top: -1.8rem;
  left: 0;
  padding-left: 1.2rem;
}
.xlmain .basicinfo .plsub {
  float: right;
  text-align: center;
  line-height: 1;
  color: #fff;
  background: #337CD6;
  border-radius: .2083rem;
  padding: .4688rem 1.0938rem;
  font-size: calc(.7292rem + 0.2vw);
}

.xlmain .basicinfo .plsub:hover {
  background: #ee7b33;
}

.xlmain .text {
  margin: 2.6042rem 0 0;
  overflow: hidden;
  display: block;
}
.zyn_storytwo p,.zyn_storytwo div{
  text-indent:2em;
}
.xlmain .text p,
.xlmain .text div {
  margin-bottom: 1.5625rem;
  text-indent:2em;
  line-height:1.7!important;
}
.xlmain .text *,.xlmain .textxl *{
  font-size: 1.2rem!important;
}
.xlmain .text p:last-child,
.xlmain .text div:last-child {
  margin-bottom: 0;
}

.xlmain .text img {
  display: inline-block;
  margin-right: auto;
  margin-left: auto;
}

.xlmain .text .zc img {
  margin-left: inherit !important;
  margin-right: inherit !important;
  display: inline-block;
}

.xlmain .textdp p,
.xlmain .textdp div {
  margin-bottom: 20px;
}

.xlmain .textdp p:last-child,
.xlmain .textdp div:last-child {
  margin-bottom: 0;
}

.xlmain .textxl {
  margin: 2.0833rem 0 0;
  overflow: hidden;
  display: block;
}
.xlmain .textxl table{
  margin:0 auto;
}
.xlmain .textxl p,
.xlmain .textxl div {
  margin: 0 0 1.5625rem;
  text-indent: 2em;
}

.xlmain .textxl p:last-child,
.xlmain .textxl div:last-child {
  margin: 0;
}

.xlmain .textxl img {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.xlmain .xyx img {
  width: 18.75rem;
}

.xlmain .xyx strong {
  font-size: calc(20px + 0.2vw);
  color: #333333;
}

.comment {
  margin-top: 2.6042rem;
}

.comment h2 {
  background: #DEEEFF;
  border-left: #337CD6 solid 3px;
  padding: 10px 30px;
  font-size: calc(17px + 0.2vw);
  color: #337CD6;
  line-height: 1.1;
  font-weight: 700;
}

.comment-list {
  margin-top: 2.0833rem;
}

.comment-list li {
  border-bottom: #DAE7F8 dashed 1px;
  margin-bottom: 1.5625rem;
  padding-bottom: 1.5625rem;
  position: relative;
  padding-left: 3.125rem;
}

.comment-list li:last-child {
  margin-bottom: 0;
}

.comment-list li:after {
  position: absolute;
  content: '';
  width: 2.0833rem;
  height: 2.0833rem;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  background-size: 50%;
  background-image: url(../images/hhny-icon3.png);
  background-color: #337CD6;
  left: 0;
  top: 0;
}

.comment-list .txt-cont {
  font-size: calc(15px + 0.2vw);
  color: #444444;
  line-height: 1.6;
  margin-bottom: .625rem;
}
.zhhh-list .txt-cont p{
  font-size: calc(.9375rem + 0.2vw)!important;
  margin-bottom: 1.1417rem!important;
  overflow: hidden;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  height: 3.5rem;
  line-height: 1.6;
}
.comment-list .txt-cont h4 {
  font-size: calc(15px + 0.2vw);
  color: #444444;
  line-height: 1.6;
  margin-bottom: .625rem;
}

.comment-list .txt-cont .txt {
  font-size: calc(15px + 0.2vw);
  color: #444444;
  line-height: 1.6;
  margin-bottom: .625rem;
  max-height: calc(1.6 * 15px * 5 + 1.4rem);
  overflow: hidden;
  text-indent: 2em;
}
.comment-list .txt-cont .txt.active{
  overflow:inherit;
  max-height:inherit;
}

.comment-list .other .date {
  float: left;
  font-size: calc(13px + 0.2vw);
  line-height: 1.1;
  color: #888888;
}

.comment-list .other .xq {
  float: right;
  line-height: 1;
  color: #337CD6;
  font-size: calc(12px + 0.2vw);
}

.bookinfo {
  background: #f5f7ff;
  background: -webkit-linear-gradient(90deg, #ffffff 0%, #f4f6ff 90%);
  background: -o-linear-gradient(90deg, #ffffff 0%, #f4f6ff 90%);
  background: -moz-linear-gradient(90deg, #ffffff 0%, #f4f6ff 90%);
  background: linear-gradient(0deg, #ffffff 0%, #f4f6ff 90%);
  border-radius: 10px;
  padding: 1.875rem 2.0833rem 0;
}

.bookinfo .img-box {
  float: left;
  width: 11.3542rem;
  height: 16.1458rem;
  margin-right: 2.0833rem;
  overflow: hidden;
}

.bookinfo .img-box img {
  width: 100%;
  height: 100%;
}

.bookinfo .txt-box {
  font-size: calc(15px + 0.2vw);
  line-height: 1.8;
}

.bookinfo .txt-box p {
  margin-bottom: .5208rem;
}

.bookinfo .txt-box p:last-child {
  margin-bottom: 0;
}

.activity {
  margin-top: 2.0833rem;
  padding-top: 2.0833rem;
  border-top: #E4EAF8 dashed 1px;
}

.activity h3 {
  font-size: calc(21px + 0.2vw);
  color: #0064B9;
  font-weight: 700;
  margin-bottom: 1.5625rem;
}

.activity li {
  margin-top: 1.0417rem;
}

.activity li a {
  font-size: calc(16px + 0.2vw);
  color: #333333;
  line-height: 1.3;
  padding: 20px 98px 20px 70px;
  background-color: #DAECFD;
  border-radius: .3125rem;
  display: block;
  position: relative;
}

.activity li:nth-child(even) a {
  background-color: #F0F7FE;
}

.activity li a::after {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  left: 40px;
  top: 43%;
  background-color: #0064B9;
}

.activity li a::before {
  position: absolute;
  content: '';
  width: 18px;
  height: 10px;
  right: 50px;
  top: 42%;
  background: url(../images/hhny-icon10.png) no-repeat;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.activity li a:hover {
  color: #0064B9;
}

.activity li a:hover:before {
  right: 38px;
}

.formbox {
  padding: 2.6042rem;
  background: #fff;
  border-radius: 8px;
  -ms-box-shadow: 0px 1px 10px 1px rgba(51, 124, 214, .13);
  -o-box-shadow: 0px 1px 10px 1px rgba(51, 124, 214, .13);
  -moz-box-shadow: 0px 1px 10px 1px rgba(51, 124, 214, .13);
  -webkit-box-shadow: 0px 1px 10px 1px rgba(51, 124, 214, .13);
  box-shadow: 0px 1px 10px 1px rgba(51, 124, 214, .13);
}
.formbox .tabnav { border-bottom: #D6DFEB solid 1px; }
.formbox .tabnav li { float: left; margin-right: 2.0833rem; }
.formbox .tabnav li:last-child { margin-right: 0; }
.formbox .tabnav li a { display: block; padding: 0 0 15px; position: relative;font-size: calc(22px + 0.2vw); }
.formbox .tabnav li a:hover { color: #0269ea; opacity: 1; }
.formbox .tabnav li.active a { color: #0269ea; opacity: 1; }
.formbox .tabnav li a:hover:after, .formbox .tabnav li.active a:after { content: ''; display: block; width: 100%; height: 3px; background-color: #0269ea; position: absolute; left: 0; bottom: -1px; }
.subformbox {}

.form-control {
  height: 2.6042rem;
  /* line-height: 2.6042rem; */
  padding: .7813rem;
  border-color: #C6D5E9;
  font-size: 1.2rem;
}

.form-group {
  margin-bottom: 1.5625rem;
}
.form-group select{
  width: 100%;
  /* height: 50px; */
  /* padding: 15px; */
  border-color: #C6D5E9;
  color: #999;
  /* padding-left: 20px; */
  /* padding-right: 15px; */
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  height: 2.7rem;
  /* line-height: 2.6042rem; */
  padding: 0.2rem 0.7813rem;
  border-color: #C6D5E9;
  font-size: 1.2rem;
}
.form-group .select-box{
  position: relative;
}
.form-group .select-box::after{
  content: '';
  border-right: .3125rem solid transparent;
  border-left: .3125rem solid transparent;
  border-top: .3125rem solid #ccc;
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 1.1458rem;
  right: .7813rem;
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  
}
.edui-editor-body .edui-body-container{
  font-size: .8333rem;
}

.control-label i {
  font-style: normal;
  color: red;
}

.form-control:focus {
  border-color: #6b9bc7;
  -webkit-box-shadow: inset 0 1px 2px rgba(202, 220, 244, .188);
  box-shadow: inset 0 1px 2px rgba(202, 220, 244, .188);
}

label {
  font-size: calc(.9896rem + 0.2vw);
  padding-top: .3646rem;
  text-align: right;
  font-weight: 500;
}

label span {
  color: #de0c0c;
}

.input-val {
  width: calc(100% - 13.125rem);
  float: left;
}

.prompt {
  font-size: calc(.8333rem + 0.2vw);
  color: #888888;
  line-height: 1.3;
  margin-top: .8333rem;
}
.prompt1 {
  font-size: calc(.8333rem + 0.2vw);
  color: #888888;
  line-height: 1.3;
  margin-top: .5208rem;
}

/*---------------Login-----------------*/
.loginbox {
  overflow: hidden;
  width: 30.2083rem;
  margin: 4.6875rem auto;
}

.loginbox .btn-sblue {
  float: left;
  padding: .625rem 4.0104rem;
  font-size: calc(.9375rem + 0.2vw);
  font-weight: 700;
  line-height: 1.1;
  border-radius: .2083rem;
}

.loginbox .retrieve {
  color: #337CD6;
  padding: .4167rem;
  font-size: calc(.7292rem + 0.2vw);
  display: inline-block;
  text-decoration: none;
  margin-left: 20px;
}

.loginbox .retrieve:hover {
  color: #464646;
  text-decoration: none;
}

.loginbox img {
  margin-left: 1.0417rem;
  display: inline-block;
  height: 2.6042rem;
  cursor: pointer;
}

.loginbox .code {
  display: inline-block;
  margin-left: 14px;
  color: #337CD6;
  font-size: calc(.7292rem + 0.2vw);
}

.subbox {
  margin-top: 2.6042rem;
}

.subbox .btn-sblue {
  //padding: .625rem 4.0104rem;
  //font-size: calc(.9375rem + 0.2vw);
  //font-weight: 700;
  //line-height: 1.1;
    padding: 0.5rem 4.0104rem;
    font-size: calc(.9375rem + 0.2vw);
    font-weight: 700;
    line-height: 1.1;
    border-radius: 0.2083rem;
    position: relative;
    top: 0.7rem;
    margin-left: 1rem;
  display: inline-block;
}

.subbox .form-control {
  background-color: #FCFDFF;
}
.subbox textarea.form-control {font-size: calc(12px + 0.2vw);line-height: inherit;}
.subbox .retrieve {
                   color: #464646;
                   background:#e9e9e9;
                   padding: .5rem 4.0104rem;
                   font-size: calc(.9375rem + 0.2vw);
                   font-weight: 700;
                   line-height: 1.1;
                   border-radius: .2083rem;
                   position: relative;
                   top: .7rem;
                   margin-left: 1rem;
                   }
.subbox .retrieve:hover {background:#dedede;color:#464646;text-decoration:none;}
.subbox[data-v-tg] {margin-top: 1.875rem;}
.subbox[data-v-tg] .btn-sblue {float: left;}
.form-group[data-v-jy] {margin-bottom: 0;}
.form-horizontal .form-group[data-v-jy] .control-label {padding-top: 0;padding-bottom: 6px;}
/*---------------Btn---------------------*/
.btn-sblue {
  color: #fff;
  background: #1d67ab;
  background: -webkit-linear-gradient(-45deg, #0064B9, #1F7AC8);
  background: -moz-linear-gradient(-45deg, #0064B9, #1F7AC8);
  background: -o-linear-gradient(-45deg, #0064B9, #1F7AC8);
  background: linear-gradient(-45deg, #0064B9, #1F7AC8);
  padding: 7px 32px;
  font-size: 15px;
  font-family: Arial;
  float: right;
  font-weight: 700;
}

.btn-sblue:hover,
.btn-sblue:focus,
.btn-sblue:active,
.btn-sblue.active,
.open .dropdown-toggle.btn-sblue {
  color: #fff;
  background: #ee7b33;
}

.btn-primary {
  float: right;
}

/*
 * jQuery Basic Table
 * Author: Jerry Low
 */

 table.bt thead,
 table.bt tbody th {
   display: none;
 }
 
 table.bt tfoot th,
 table.bt tfoot td,
 table.bt tbody td {
   border: none;
   display: block;
   vertical-align: top;
   font-size: .8125rem;
   padding: 0;
 }
 
 table.bt tfoot th:before,
 table.bt tfoot td:before,
 table.bt tbody td:before {
   content: attr(data-th) ": ";
   font-weight: bold;
   width: 138px;
   display: inline-block;
   color: #3352aa;
   margin-right: 5px;
   padding: 3px 8px 3px 0;
   text-align: right;
 }
 
 table.bt tfoot th.bt-hide,
 table.bt tfoot td.bt-hide,
 table.bt tbody td.bt-hide {
   display: none;
 }
 
 table.bt tfoot th .bt-content,
 table.bt tfoot td .bt-content,
 table.bt tbody td .bt-content {
   vertical-align: top;
   display: inline-block;
   padding: 3px 0;width: 72%;
 }
 
 .bt-wrapper.active {
   max-height: 310px;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
 }
 
 table.bt tfoot th:first-of-type:before,
 table.bt tfoot th:first-of-type .bt-content,
 table.bt tfoot td:first-of-type:before,
 table.bt tfoot td:first-of-type .bt-content,
 table.bt tbody td:first-of-type:before,
 table.bt tbody td:first-of-type .bt-content {
   padding-top: 14px;
 }
 
 table.bt tfoot th:last-of-type:before,
 table.bt tfoot th:last-of-type .bt-content,
 table.bt tfoot td:last-of-type:before,
 table.bt tfoot td:last-of-type .bt-content,
 table.bt tbody td:last-of-type:before,
 table.bt tbody td:last-of-type .bt-content {
   padding-bottom: 14px;
 }
 .jjj{
  font-size: 1.2rem!important;
  padding: 2rem;
  border: 1px solid #0064b9;
  line-height: 1.7;
  margin-top: 2rem;
 }
 @media(min-width:767px) and (max-width:1025px){
   .cas_like_icon-prise_minus:before{
     width:20px!important;
     height: 18px!important;
   }
   #like i.cas_like_icon-prise_minus{
     margin-right:10px!important;
   }
      .xlmain .basicinfo .cl>i::after, #like .cas_like_icon-prise_add:after {
    top: 0px!important;
}
#like .cas_like_icon-prise_add:after{
  top: -3px!important;
}
 }
 @media (max-width: 1025px){
   .xlmain .text *, .xlmain .textxl * {
    font-size: 16px!important;
}
   .xlmain .basicinfo .cl{
     top:5px!important;
   }

   .xlmain .basicinfo .cl>i::after, #like .cas_like_icon-prise_add:after{
     width:20px;
     height:20px;
     top: -10px;
   }
   #like{
     padding-left:10px!important;
   }
   #like .cas_like_icon-prise_add{
     padding-left:0;
   }
   #like i{
     padding-left: 5px;
     margin-right: 30px;
   }
   .zhhh-list .other .cl{
     line-height:0.6;
   }
.jjj{
    font-size: 14px;
    padding: 20px;
    border: 1px solid #0064b9;
    line-height: 1.7;
    margin-top: 25px;
  }
   .loginbox .retrieve{
     font-size:14px;
     margin-top:10px;
   }
    .loginbox .btn-sblue{
        font-size:14px;
      padding:10px;
    }
   .loginbox h3{
     font-size:20px!important;
   }
   .control-label{
     font-size: 16px;
   }
   .form-control{
     height:35px;
     font-size: 14px;
   }
   .zhhh-list .txt-cont p{
     font-size: 16px!important;
     height: 10.2rem;
   }
   table.bt tbody td:before {width: 82px;}
   table.bt tbody td .bt-content {width: 73%;}
 }
 @media (max-width: 390px){
   table.bt tbody td .bt-content {width: 71%;}
 }
 @media (max-width: 375px){
   table.bt tbody td .bt-content {width: 69%;}
 }
 @media (max-width: 320px){
   table.bt tbody td .bt-content {width: 61%;}
 }
.sideMenu{
  position: fixed;
  top: 150px;
  right: 5px;
  background: #fff;
  z-index: 999;
  padding: 10px;
  width: 140px;
  box-shadow: 0 4px 10px 0 #cbcaca;
}
.sideMenu li{
  margin-bottom: 5px;
}
.sideMenu li a{
  font-size: 16px;
  color: #333;
  position: relative;
}
.sideMenu li a:hover,.sideMenu li.active a{
  color: #3D55A7;
}
.sideMenu li.active a:before{
  content: "";
  display: block;
  height: 15px;
  width: 4px;
  background: #0068d3;
  position: absolute;
  left: -10px;
  top: 4px;
}
 .zxgj-box .info .row > [class^='col']:nth-child(2n + 1){
  clear: left;
 }
 #catalog{
    border: 1px solid #d9d9d9;
    padding: 1rem .5rem;
	overflow:hidden;
 }
  #catalog p{
    border-bottom: 1px dashed #c7c7c7;
    margin-left: 2rem;
    text-indent: 0;
    padding-bottom: .8rem;
    margin-bottom: .8rem;
  }
  #catalog .holder dd{
    margin-bottom: .5rem;
    padding-left:2rem;
  }
#catalog .holder .catalog-item:before{
  font-family: 'FontAwesome';
content: "\f0da";
padding-right: 0.5rem;
position: static;
background: none;
display: inline;
}
#catalog .holder .catalog-holder{
  float:right;
  margin-right:1rem;
  background:#0064b9;
  text-align:center;
  display: inline-block;
  text-indent: 0;
  padding-left: 1.2rem;
  padding-right: 1rem;
  padding-top: .3rem;
  padding-bottom: .3rem;
  border-radius: .2rem;
  color: #fff;
  cursor:pointer;
}
#catalog .holder .catalog-holder:after{
  font-family: 'FontAwesome';
  color:#fff;
  content: "\f107";
  padding-left:.3rem;
}
  #catalog .catalog-item ul li{
    margin-left: 1rem;
  }
  #catalog .catalog-item ul li a{
    color: #3D55A7;
  }
  
  #catalog .catalog-item ol{
    line-height: 2rem;
    margin-top: .5rem;
    padding-left: 2rem;
  }
@media(min-width:1025px){
  /* .qtinfo>span:first-child{
    position: absolute;
    left: 75%;
    transform: translateX(-50%);
  } */
}
@media (max-width: 1024px){
  .xlmain .basicinfo .qtinfo {
    padding-left: 0%;
  }
}
@media(max-width: 767px){
  .sideMenu{
    display: none;
  }
}